<template>
	<view class="content">
		<view class="banner">
			<image src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1586888700607&di=29f77f93b5065e103a878083aad26721&imgtype=0&src=http%3A%2F%2Fwww.gygx.net%2Fupload%2F201908%2F1565169912.jpeg"></image>
		</view>
		<view>
			<swiper :indicator-dots="true" indicator-color="#FFFFFF" indicator-active-color="#FF0000" autoplay :autoplay="true"
			 :interval="3000" :duration="1000" circular class="lbt" @click="lunbotu">
				<swiper-item>
					<view class="swiper-item">
						<image src="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=366706824,3868282763&fm=26&gp=0.jpg" style="width: 100%;height: 460rpx;"></image>
					</view>
				</swiper-item>
				<swiper-item>
					<view class="swiper-item">
						<image src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=4129840220,2594996000&fm=26&gp=0.jpg"
						 style="width: 100%;height: 460rpx;"></image>
					</view>
				</swiper-item>
				<swiper-item>
					<view class="swiper-item">
						<image src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1586888645318&di=f7fc309e1156d518dc6d278a7884a00b&imgtype=0&src=http%3A%2F%2F5b0988e595225.cdn.sohucs.com%2Fimages%2F20190517%2Fa11840c59d5f48cc87e16f9b230f7e08.png" style="width: 100%;height: 460rpx;"></image>
					</view>
				</swiper-item>
			</swiper>
		</view>

		<view class="lgzb">
			<view class="box1" @click="handleclick">
				<text>食验室</text>
			</view>
			<view class="box2" @click="handletwoclick">
				<text>灵感周边</text>
			</view>
		</view>
		<view class="lgzb-wb">
			<view class="lgzb-wb1">
				<text>HEYTEA FOOD LAB</text>
			</view>
			<view class="lgzb-wb2">
				<text>INSPIRATIONAL CIFTS</text>
			</view>

		</view>

		<view class="box3">
			<text class="wb1">新品推荐</text><text class="wb2">NEW ARRIVALS</text>
		</view>
		<view class="img2" @click="xptjclick">
			<image src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1586888825165&di=e66ba68e3b0818d27716b2847f08c13a&imgtype=0&src=http%3A%2F%2F5b0988e595225.cdn.sohucs.com%2Fimages%2F20190102%2F7b1daafa040244b29022ab2c42e67ea8.jpeg"></image>
		</view>
		<view class="box4">
			<text class="wb3">猜你喜欢</text><text class="wb4">YOU MAY ALSO LIKE</text>
		</view>

		<view class="box5">
				<view class="xrt" @click="gouwudingdan">
					<image src="http://5b0988e595225.cdn.sohucs.com/images/20180416/7b55b82ca5bd499895c3bf18744c8f92.jpeg"></image>
					<text class="xrt_a">商品名称</text>
					<text class="xrt_b">2222人已购买</text>
					<text class="xrt_c">￥29.00</text>
					<view class="tianjia">
						<image src="../../../static/添加商品.png"></image>
					</view>
				</view>
				<view class="xrt" @click="gouwudingdan">
					<image src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1586947494959&di=78ff5791e8b19140c2d2afdc5a73caa4&imgtype=0&src=http%3A%2F%2Fwww.2ge.cn%2Fgroup1%2FM00%2F08%2FD9%2FwKgBPFxiKfaAdkd3AABhy44Z_fc379.jpg"></image>
					<text class="xrt_a">商品名称</text>
					<text class="xrt_b">2222人已购买</text>
					<text class="xrt_c">￥29.00</text>
					<view class="tianjia">
						<image src="../../../static/添加商品.png"></image>
					</view>
				</view>
				<view class="xrt" @click="gouwudingdan">
					<image src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1586947526101&di=80dbcc8554e22a4aaa84467f2842fbe6&imgtype=0&src=http%3A%2F%2F5b0988e595225.cdn.sohucs.com%2Fimages%2F20190517%2Fa11840c59d5f48cc87e16f9b230f7e08.png"></image>
					<text class="xrt_a">商品名称</text>
					<text class="xrt_b">2222人已购买</text>
					<text class="xrt_c">￥29.00</text>
					<view class="tianjia">
						<image src="../../../static/添加商品.png"></image>
					</view>
				</view>
				<view class="xrt" @click="gouwudingdan">
					<image src="http://5b0988e595225.cdn.sohucs.com/images/20180416/7b55b82ca5bd499895c3bf18744c8f92.jpeg"></image>
					<text class="xrt_a">商品名称</text>
					<text class="xrt_b">2222人已购买</text>
					<text class="xrt_c">￥29.00</text>
					<view class="tianjia">
						<image src="../../../static/添加商品.png"></image>
					</view>
				</view>
				<view class="xrt" @click="gouwudingdan">
					<image src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3412596018,893364832&fm=26&gp=0.jpg"></image>
					<text class="xrt_a">商品名称</text>
					<text class="xrt_b">2222人已购买</text>
					<text class="xrt_c">￥29.00</text>
					<view class="tianjia">
						<image src="../../../static/添加商品.png"></image>
					</view>
				</view>
				<view class="xrt" @click="gouwudingdan">
					<image src="http://5b0988e595225.cdn.sohucs.com/images/20180416/7b55b82ca5bd499895c3bf18744c8f92.jpeg"></image>
					<text class="xrt_a">商品名称</text>
					<text class="xrt_b">2222人已购买</text>
					<text class="xrt_c">￥29.00</text>
					<view class="tianjia">
						<image src="../../../static/添加商品.png"></image>
					</view>
				</view>
			
		</view>
	</view>



</template>

<script>
	export default{
		methods:{
			handleclick(){
				console.log("我不想努力了1")
				uni.navigateTo({
				    url: '/pages/index/sys/sys'
				});
			},
			handletwoclick(){
				console.log("我不想努力了2")
				uni.navigateTo({
				    url: '/pages/index/lgzb/lgzb'
				});
			},
			xptjclick(){
				console.log("我不想努力了3")
				uni.navigateTo({
				    url: '/pages/index/spxq/spxq'
				});
			},
			lunbotu(){
				console.log("我不想努力了4")
				uni.navigateTo({
				    url: '/pages/index/spxq/spxq'
				});
			},
			gouwudingdan(){
				// uni.switchTab({
				//     url: '/pages/indxe/spxq/spxq'
				// });
				uni.navigateTo({
				    url: '/pages/index/spxq/spxq'
				});
			}
		}
	}
	
</script>

<style scoped>
	/* 	.content {
		padding: 0 10rpx;
	} */
	.banner {
		height: 320rpx;
	}

	.banner image {
		width: 100%;
		height: 320rpx;

	}

	.lbt {
		height: 460rpx;
	}

	.box2,
	.box1 {
		width: 340rpx;
		height: 80rpx;
		background-color: #FF6034;
		margin-top: 66rpx;
		margin-bottom: 20rpx;
		color: #F8F8FF;
		font-size: 26px;
		font-weight: 500;
		text-align: center;
		line-height: 80rpx;
		font-family: 'Lucida Sans', 'Lucida Sans Regular',
			'Lucida Grande', 'Lucida Sans Unicode',
			Geneva, Verdana, sans-serif;
		box-shadow: 0 4px 10px #FF6034, 0 0 4px #FF6034, 0 0 4px #FF6034;
	}

	.lgzb-wb {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}

	.lgzb-wb1,
	.lgzb-wb2 {
		width: 340rpx;
		height: 40rpx;
		color: #ADADAD;
		font-weight: 400;
		font-size: 10px;
		font-weight: bold;
		text-align: center;
		line-height: 40rpx;
		font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	}

	.box3,
	.box4 {
		margin-top: 36rpx;
		padding-bottom: 20rpx;
	}

	.wb1,
	.wb3 {
		font-size: 20px;
		font-weight: bold;
	}

	.lgzb {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}

	.wb2,
	.wb4 {
		font-size: 10px;
		margin-left: 20rpx;
		color: #888888;
	}

	.img2 image {
		height: 300rpx;
		width: 100%;
	}

	.box5 {
		display: flex;
		flex-wrap: wrap;
	}

	.xrt {
		width: 340rpx;
		height: 420rpx;
		background-color: #F8F8FF;
		display: flex;
		flex-direction: column;
		margin: 16rpx 16rpx 10rpx;
		border-radius: 20rpx;
	}

	.xrt image {
		width: 100%;
		height: 300rpx;
		border-radius: 20rpx 20rpx 0 0;
	}

	.tianjia {
		height: 0;
	}

	.tianjia image {
		width: 40rpx;
		height: 40rpx;
		margin-left: 80%;
		position: relative;
		top: -30px;
		left: -10px;
		z-index: 999;
	}

	.xrt_a {
		font-size: 16px;
		margin: 16rpx 16rpx 10rpx 0;
	}

	.xrt_b {
		font-size: 12px;
		color: #888888;
		margin-left: 10rpx;
	}

	.xrt_c {
		margin: 16rpx 16rpx 10rpx 0;
		font-size: 16px;
		color: #d81e06;
		width: 50%;
	}
</style>
